<!--%import("./css/default.css")-->

<!--@if($widget_info->display_logininfo == 'N')-->
<div class="orange_pointstatus_bodym_{$colorset}">
<table cellspacing="0" cellpadding="0" border="0" style="table-layout:fixed;">
<tr>
<td class="orange_pointstatus_bodyl"><img src="./images/{$colorset}/top01.gif"></td>
<td>
	<div class="orange_pointstatus_body">
	<!---->

		<div class="point_status_{$colorset}">
		    <div class="next">
			<!--@if($widget_info->display_detail == 'Y')-->
				{$widget_info->need_point} ( {$widget_info->need_point2}/{$widget_info->next_point-$widget_info->point} : {$widget_info->per}% )
			<!--@else-->
				{$widget_info->point}/{$widget_info->next_point} - 
				{$widget_info->need_point} ( {$widget_info->need_point2}/{$widget_info->next_point-$widget_info->point} : {$widget_info->per}% )
			<!--@end-->
			</div>
		    <div class="bar_box">
			<div style="width:{$widget_info->per}%;" class="bar"></div>
		    </div>
		</div>

	<!---->
	</div>
</td>
<td class="orange_pointstatus_bodyr"><img src="./images/{$colorset}/top03.gif"></td>
</tr>
</table>
</div>
<!--@else-->
<table cellspacing="0" cellpadding="0" border="0" style="table-layout:fixed;">
<tr>
<td class="orange_pointstatus_bodyl"></td>
<td>
	<div class="orange_pointstatus_body">
	<!---->

		<div class="point_status_{$colorset}">
		    <div class="next">
			<!--@if($widget_info->display_detail == 'Y')-->
				{$widget_info->need_point} ( {$widget_info->need_point2}/{$widget_info->next_point-$widget_info->point} : {$widget_info->per}% )
			<!--@else-->
				{$widget_info->point}/{$widget_info->next_point} - 
				{$widget_info->need_point} ( {$widget_info->need_point2}/{$widget_info->next_point-$widget_info->point} : {$widget_info->per}% )
			<!--@end-->
			</div>
		    <div class="bar_box">
			<div style="width:{$widget_info->per}%;" class="bar"></div>
		    </div>
		</div>

	<!---->
	</div>
</td>
<td class="orange_pointstatus_bodyr"></td>
</tr>
</table>
<!--@end-->


<div class="orange_pointstatus_bottom">
	<div style=" float:left;"><img src="./images/bottom01.gif"></div>
	<div style=" float:left;"><img src="./images/bottom02.gif"></div>
	<div style=" float:right;"><img src="./images/bottom03.gif"></div><div style="clear:both;"></div>
</div>